@extends('public.layouts')
@section('style')
    <meta name="_token" content="{{ csrf_token() }}"/>
    <style>
        .task-th{
            text-align: center;
        }
        .task-td{
            text-align: center;
        }
    </style>
    <link rel="stylesheet" href="{{asset('admin_assets/css/bootstrap-datetimepicker.min.css')}}">
    <link rel="stylesheet" href="{{url('admin_assets/css/fileinput.min.css')}}">
    <link rel="stylesheet" href="{{url('admin_assets/css/ip.css')}}">
@stop
@section('content')
    <div class="content-wrapper" style="background-color: white">
        <section class="content">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="box box-info"
                         style="padding-top: 0px;margin-top: 0px;border-top: 0px;border-bottom: solid 1px #0080ff;">
                        <div class="box-body" style="">
                            <div class="row">
                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-top: 0.5vw">
                                    <a href="#" title="返回首页" style="float: left"><i class="fa fa-home fa-2x"
                                                                                    style="width: 100%;color: #0080FF">
                                        </i></a>
                                    <a href="#"><span style="font-size: 20px;float: left">&nbsp;任务管理</span></a>
                                    <div class="clear"></div>
                                </div>
                                <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12 col-lg-offset-9 col-md-offset-9 btn-div">
                                    <button type="button" class="btn btn-info div-btn" data-toggle="modal" data-target="#modal-addMask" style="background: #0080ff;width: 100%">新增任务</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="margin-top: 2%">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th class="task-th">任务编号</th>
                                <th class="task-th">申请人</th>
                                <th class="task-th">业务类型</th>
                                <th class="task-th">任务发起时间</th>
                                <th class="task-th">任务状态</th>
                                <th class="task-th">任务等级</th>
                                <th class="task-th">执行人</th>
                                <th class="task-th">报件资料</th>
                                <th class="task-th">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="task-td" style="vertical-align: middle">1</td>
                                <td class="task-td" style="vertical-align: middle">张三</td>
                                <td class="task-td" style="vertical-align: middle">商标</td>
                                <td class="task-td" style="vertical-align: middle">2017.11.11</td>
                                <td class="task-td" style="vertical-align: middle">未结算</td>
                                <td class="task-td" style="vertical-align: middle">普通任务</td>
                                <td class="task-td" style="vertical-align: middle">吴九</td>
                                <td class="task-td" style="vertical-align: middle">暂无数据</td>
                                <td class="task-td" style="vertical-align: middle">
                                    <a href="#" data-toggle="modal" data-target="#modal-upload-file">上传资料</a>
                                    <a href="#">打款完成</a>
                                    <a href="#">申请取消</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
    </div>
    @include('public.addMaskModal')
    @include('public.upload-fileModal')
@stop
@section('javascript')
    <script src="{{asset('admin_assets/js/fileinput.min.js')}}"></script>
    <script src="{{asset('admin_assets/js/fileinput_locale_zh.js')}}"></script>
    <script>
        $("#inputFile").fileinput({
            language: 'zh',
            autoReplace: false,
            maxFileCount: 1,
            allowedFileExtensions: ["zip"],
            browseClass: "btn btn-primary",
            showUpload: false,
            showCancel: true,
            previewFileIcon: "<i class='glyphicon glyphicon-king'></i>"
        });
    </script>
@stop
